<template>
	<view class="container">
		<view class="mapform">
			<view class="mapform_dl">
				<view class="mapform_dt">预约编号：</view>
				<view class="mapform_dd">{{row.orderid}}</view>
			</view>
			<!-- <view class="mapform_dl">
				<view class="mapform_dt">就诊门店：</view>
				<view class="mapform_dd">{{row.shopname}}</view>
			</view> -->
			<view class="mapform_dl">
				<view class="mapform_dt">预约名称：</view>
				<view class="mapform_dd">{{row.doctor}}</view>
			</view>
			<view class="mapform_dl">
				<view class="mapform_dt">预约时间：</view>
				<view class="mapform_dd">{{row.date}} {{row.times}}</view>
			</view>
			<view class="mapform_dl">
				<view class="mapform_dt">预约人：</view>
				<view class="mapform_dd">{{row.name}}</view>
			</view>
			<view class="mapform_dl">
				<view class="mapform_dt">联系电话：</view>
				<view class="mapform_dd">{{row.mobile}}</view>
			</view>
			<view class="mapform_dl">
				<view class="mapform_dt">公司名：</view>
				<view class="mapform_dd">{{row.companyname}}</view>
			</view>
			<view class="mapform_dl">
				<view class="mapform_dt">参会人数：</view>
				<view class="mapform_dd">{{row.persons}}</view>
			</view>
			<!-- <view class="mapform_dl">
				<view class="mapform_dt">预约项目：</view>
				<view class="mapform_dd">{{row.cate}}</view>
			</view>
			<view class="mapform_dl">
				<view class="mapform_dt">预约价格：</view>
				<view class="mapform_dd">{{row.price}}</view>
			</view> -->
		</view>
		<view class="mapform mgt20">
			<view class="mapform_dt">描述：</view>
			<view class="mstxt">{{row.desc}}</view>
		</view>
		<view class="formbottom" v-if="row.status==1">
			<navigator :url="'/pages/user/myyuyueqx/myyuyueqx?id='+row.id" hover-class="none">
				<view class="formbtn">取消预约</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	import API from "@/common/api.js";
	export default {
		data() {
			return {
				row: []
			}
		},
		onLoad(options) {
			var $this = this
			API.post("common/myyuyuedetail", {
				id: options.id
			}).then((res) => {
				if (res.code == 1) {
					$this.row = res.data
				}
			})
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background: #f7f7f7;
	}

	.mstxt {
		line-height: 46rpx;
		font-size: 28rpx;
		width: 100%;
		padding-bottom: 30rpx;
	}
</style>